<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
		<title>添加广告</title>
		<link rel="stylesheet" href="/static/web/css/font-awesome.min.css">
		<link rel="stylesheet" href="/static/web/css/bootstrap.min.css">
		<link rel="stylesheet" href="/static/web/css/admin.css">
		<link rel="stylesheet" href="/static/web/css/daterangepicker.css">
		<script src="/static/web/js/jquery.min.js"></script>
		<script src="/static/web/js/moment.min.js"></script>
		<script src="/static/web/js/daterangepicker.js"></script>
	</head>
	<body>
		<form name="form1" action="ad_add.php" method="post" onSubmit="return checkSubmit();">
			<input type="hidden" name="normbody[style]" value="code" id="adstyle">
			<input type="hidden" name="_csrf_token" value="<?php echo $GLOBALS['csrf_token'];?>">
			<input type="hidden" name="dopost" value="save">
			<table class="table shadow-sm my-3">
				<tr>
					<td colspan="2"><a href="ad_main.php">广告管理</a> - 添加广告</td>
				</tr>
				<tr>
					<td colspan="2">
						<div class="alert alert-info mb-0">广告代码标签{dede:myad name='广告位标识'/}调用</div>
					</td>
				</tr>
				<tr>
					<td width="260">广告位标识：</td>
					<td>
						<input type="text" name="tagname" id="tagname" class="admin-input-lg">
						<span>（使用英文或数字表示标识）</span>
					</td>
				</tr>
				<tr>
					<td>广告分类：</td>
					<td>
						<select name="clsid" id="clsid" class="admin-input-sm">
							<option value="0">默认分类</option>
							<?php echo $option;?>
						</select>
					</td>
				</tr>
				<tr>
					<td>广告投放范围：</td>
					<td>
						<?php
						$tl = new TypeLink(0);
						$typeOptions = $tl->GetOptionArray(0,0,0);
						echo "<select name='typeid' class='admin-input-sm'>";
						echo "<option value='0' selected>投放在没有同名标识的所有栏目</option>";
						echo $typeOptions;
						echo "</select>";
						?>
						<span>（如果在所选栏目找不到指定标识的广告文档，系统会自动搜索父栏目）</span>
					</td>
				</tr>
				<tr>
					<td>广告位名称：</td>
					<td><input type="text" name="adname" id="adname" class="admin-input-lg"></td>
				</tr>
				<tr>
					<td>时间限制：</td>
					<td>
						<label><input type="radio" name="timeset" value="0" checked> 永不过期</label>
						<label><input type="radio" name="timeset" value="1"> 在设内时间内有效</label>
					</td>
				</tr>
				<tr>
					<td>投放时间：</td>
					<td>
						<label>从：<input type="text" name="starttime" id="starttime" value="<?php echo $startDay?>" class="datepicker admin-input-sm"></label>
						<label>到：<input type="text" name="endtime" id="endtime" value="<?php echo $endDay?>" class="datepicker admin-input-sm"></label>
					</td>
				</tr>
				<tr>
					<td>广告文档：</td>
					<td>
						<div class="add-tab">
							<ul id="changeTab">
								<li id="t_code" class="active">代码</li>
								<li id="t_txt">文字</li>
								<li id="t_img">图片</li>
								<li id="t_flash">Flash</li>
							</ul>
						</div>
						<div id="advert"></div>
					</td>
				</tr>
				<tr>
					<td>过期显示：</td>
					<td><textarea name="expbody" id="expbody" class="admin-textarea-xl"></textarea></td>
				</tr>
				<tr>
					<td colspan="3" align="center"><button type="submit" class="btn btn-success btn-sm">保存</button></td>
				</tr>
			</table>
		</form>
		<div id="formtxt" style="display:none">
			<div class="content" id="code" style="display:none">
				<table>
					<tr>
						<td width="260">广告代码：请填写广告代码，支持网页代码</td>
						<td><textarea name="normbody[htmlcode]" class="admin-textarea-xl"></textarea></td>
					</tr>
				</table>
			</div>
			<div id="txt" class="content" style="display:none">
				<table>
					<tr>
						<td width="260">文字文档</td>
						<td><input type="text" name="normbody[title]" class="admin-input-lg"></td>
					</tr>
					<tr>
						<td>文字链接</td>
						<td><input type="text" name="normbody[link]" class="admin-input-lg"></td>
					</tr>
					<tr>
						<td>文字颜色</td>
						<td><input type="text" name="normbody[color]" class="admin-input-lg"></td>
					</tr>
					<tr>
						<td>文字大小</td>
						<td><input type="text" name="normbody[size]" class="admin-input-lg"></td>
					</tr>
				</table>
			</div>
			<div id="img" class="content" style="display:none">
				<table>
					<tr>
						<td width="260">图片地址</td>
						<td><input type="text" name="normbody[url]" class="admin-input-lg"></td>
					</tr>
					<tr>
						<td>图片链接</td>
						<td><input type="text" name="normbody[link]" class="admin-input-lg"></td>
					</tr>
					<tr>
						<td>图片宽度</td>
						<td><input type="text" name="normbody[width]" class="admin-input-lg"></td>
					</tr>
					<tr>
						<td>图片高度</td>
						<td><input type="text" name="normbody[height]" class="admin-input-lg"></td>
					</tr>
					<tr>
						<td>图片描述</td>
						<td><input type="text" name="normbody[descrip]" class="admin-input-lg"></td>
					</tr>
				</table>
			</div>
			<div id="flash" class="content" style="display:none">
				<table>
					<tr>
						<td width="260">flash链接</td>
						<td><input type="text" name="normbody[link]" class="admin-input-lg"></td>
					</tr>
					<tr>
						<td>flash宽度</td>
						<td><input type="text" name="normbody[width]" class="admin-input-lg"></td>
					</tr>
					<tr>
						<td>flash高度</td>
						<td><input type="text" name="normbody[height]" class="admin-input-lg"></td>
					</tr>
				</table>
			</div>
		</div>
		<script>
			function checkSubmit() {
				if (document.form1.tagname.value == "") {
					alert("请输入广告位标识");
					document.form1.tagname.focus();
					return false;
				}
			}
			function showcode(idName) {
				$("#advert").html("").html($("#formtxt>#" + idName).html());
				$("#adstyle").val(idName);
			}
			showcode('code');
			$(document).ready(function() {
				$("#changeTab>li").click(function() {
					var tabLi = $(this);
					var thistab = tabLi[0].id;
					$(".content").each(function() {
						if ("t_" + $(this)[0].id == thistab) {
							$("#changeTab>li").removeClass("active");
							$("#t_" + $(this)[0].id).addClass("active");
							showcode($(this)[0].id);
						}
					})
				});
				$('.datepicker').daterangepicker({
					"singleDatePicker": true,
					"autoApply": true,
					"showDropdowns": true,
					"linkedCalendars": false,
					"timePicker": true,
					"timePicker24Hour": true,
					"showCustomRangeLabel": false,
					ranges: {
						'今日': [moment(), moment()],
						'昨日': [moment().subtract(1, 'days'), moment().subtract(1, 'days')],
						'本月': [moment().startOf('month'), moment().startOf('month')],
						'上月': [moment().subtract(1, 'month').startOf('month'), moment().subtract(1, 'month').startOf('month')]
					},
					"locale": {
						format: 'YYYY-MM-DD HH:mm',
						applyLabel: '确定',
						cancelLabel: '取消',
						daysOfWeek: ['日', '一', '二', '三', '四', '五', '六'],
						monthNames: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二月'],
						firstDay: 1
					}
				}, function(start) {
					$(this).val(start.format("YYYY-MM-DD HH:mm"));
				});
			});
		</script>
	</body>
</html>